<!doctype html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang=""> <!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>车盟花有官网</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/flexslider.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/responsive.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
</head>

<body>

<!-- Header Section -->
<section class="tophead" role="tophead">
    <!-- Navigation Section -->
    <header id="header">
        <div class="header-content clearfix"><a class="logo" href="#">Auro</a>
            <nav class="navigation" role="navigation">
                <ul class="primary-nav">
                    <li><a href="#header-slider">Home</a></li>
                    <li><a href="#services">Our Services</a></li>
                    <li><a href="#portfolio">Our Portfolio</a></li>
                    <li><a href="#testimonials">Testimonials</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </nav>
            <a href="#" class="nav-toggle">Menu<span></span></a></div>
    </header>
    <!-- Navigation Section -->
</section>
<!-- Header Section -->
<!-- Slider Section -->
<section id="header-slider" class="section">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
        </ol>
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active"><img src="images/slider/slid1.jpg" alt="Chania">
                <div class="carousel-caption">
                    <h3>We'r Auro</h3>
                    <p>We Build Strong Brands which impact your customers</p>
                </div>
            </div>
            <div class="item"><img src="images/slider/slid2.jpg" alt="Chania">
                <div class="carousel-caption">
                    <h3>Minimal Agency Template</h3>
                    <p>We're China based branding & design agency</p>
                </div>
            </div>
        </div>
        <!-- Controls -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span
                class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span
                class="sr-only">Previous</span></a> <a class="right carousel-control" href="#myCarousel" role="button"
                                                       data-slide="next"> <span
            class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span></a>
    </div>
</section>
<!-- Slider Section -->
<!-- Service Section -->
<section id="services" class="section services">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6 col-sm-6">
                <div class="services-content">
                    <h4>We're China based branding & design agency.</h4>
                    <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo
                        sit amet risus. Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis
                        risus eget urna mollis ornare vel eu leo.</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="services-content">
                    <h5>Brand Experience</h5>
                    <ul>
                        <li><a href="#">Web Design</a></li>
                        <li><a href="#">Mobile Application</a></li>
                        <li><a href="#">Product Development</a></li>
                        <li><a href="#">Packaging</a></li>
                        <li><a href="#">Retail Management</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="services-content">
                    <h5>Media Marketing</h5>
                    <ul>
                        <li><a href="#">Marketing Research</a></li>
                        <li><a href="#">Social Marketing</a></li>
                        <li><a href="#">Mobile marketing</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- portfolio grid section -->
<section id="portfolio" class="section portfolio">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6 portfolio-item"><a href="#" class="portfolio-link">
                <div class="caption">
                    <div class="caption-content">
                        <h3>The Shape of Design</h3>
                        <h4>Branding/Graphic</h4>
                    </div>
                </div>
                <img src="images/portfolio/work-1.jpg" class="img-responsive" alt=""> </a></div>
            <div class="col-sm-6 portfolio-item"><a href="#" class="portfolio-link">
                <div class="caption">
                    <div class="caption-content">
                        <h3>czarna kawka</h3>
                        <h4>Branding</h4>
                    </div>
                </div>
                <img src="images/portfolio/work-2.jpg" class="img-responsive" alt=""> </a></div>
            <div class="col-sm-6 portfolio-item"><a href="#" class="portfolio-link">
                <div class="caption">
                    <div class="caption-content">
                        <h3>czarna kawka</h3>
                        <h4>Branding</h4>
                    </div>
                </div>
                <img src="images/portfolio/work-3.jpg" class="img-responsive" alt=""> </a></div>
            <div class="col-sm-6 portfolio-item"><a href="#" class="portfolio-link">
                <div class="caption">
                    <div class="caption-content">
                        <h3>czarna kawka</h3>
                        <h4>Branding</h4>
                    </div>
                </div>
                <img src="images/portfolio/work-4.jpg" class="img-responsive" alt=""> </a></div>
            <div class="col-sm-6 portfolio-item"><a href="#" class="portfolio-link">
                <div class="caption">
                    <div class="caption-content">
                        <h3>czarna kawka</h3>
                        <h4>Branding</h4>
                    </div>
                </div>
                <img src="images/portfolio/work-5.jpg" class="img-responsive" alt=""> </a></div>
            <div class="col-sm-6 portfolio-item"><a href="#" class="portfolio-link">
                <div class="caption">
                    <div class="caption-content">
                        <h3>czarna kawka</h3>
                        <h4>Branding</h4>
                    </div>
                </div>
                <img src="images/portfolio/work-6.jpg" class="img-responsive" alt=""> </a></div>
        </div>
    </div>
</section>
<!-- portfolio grid section -->

<!-- Testimonials section -->
<section id="testimonials" class="section testimonials no-padding">
    <div class="container-fluid">
        <div class="row no-gutter">
            <div class="flexslider">
                <ul class="slides">
                    <li>
                        <div class="col-md-12">
                            <blockquote>
                                <h1>"Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec sed odio
                                    dui. Phasellus non dolor nibh. Nullam elementum Aenean eu leo quam..." </h1>
                                <p>Rene Brown, Open Window production</p>
                            </blockquote>
                        </div>
                    </li>
                    <li>
                        <div class="col-md-12">
                            <blockquote>
                                <h1>"Cras dictum tellus dui, vitae sollicitudin ipsum. Phasellus non dolor nibh. Nullam
                                    elementum tellus pretium feugiat shasellus non dolor nibh. Nullam elementum tellus
                                    pretium feugiat." </h1>
                                <p>Brain Rice, Lexix Private Limited.</p>
                            </blockquote>
                        </div>
                    </li>
                    <li>
                        <div class="col-md-12">
                            <blockquote>
                                <h1>"Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Aenean
                                    lacinia bibendum nulla sed consectetur...." </h1>
                                <p>Andi Simond, Global Corporate Inc</p>
                            </blockquote>
                        </div>
                    </li>
                    <li>
                        <div class="col-md-12">
                            <blockquote>
                                <h1>"Lorem ipsum dolor sit amet, consectetur adipiscing elitPhasellus non dolor nibh.
                                    Nullam elementum tellus pretium feugiat. Cras dictum tellus dui sollcitudin." </h1>
                                <p>Kristy Gabbor, Martix Media</p>
                            </blockquote>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<!-- Testimonials section -->

<!-- footer section -->
<footer id="contact" class="footer">
    <div class="container-fluid">
        <div class="col-md-2 left">
            <h4>Office Location</h4>
            <p> wuxi, jiangsu, china</p>
        </div>
        <div class="col-md-2 left">
            <h4>Contact</h4>
            <p> Call: 0510-88833555 <br>
                Email : <a href="mailto:postmaster@yesegroup.com"> postmaster@yesegroup.com </a></p>
        </div>
        <div class="col-md-2 left">
            <h4>WeChat QR Code</h4>
            <ul class="footer-share">
                <img src="images/qrcode_for_gh_df0d6e00688e_258.jpg" width="150">
                <!--<li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
                <!--<li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
                <!--<li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
                <!--<li><a href="#"><i class="fa fa-google-plus"></i></a></li>-->
            </ul>
        </div>
        <div class="col-md-6 right">
            <p>© 2018 All Rights Reserved<br>
        </div>
    </div>
</footer>
<!-- footer section -->

<!-- JS FILES -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script src="js/retina.min.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/main.js"></script>
</body>
</html>